<template>
  <div class="box">
  	<div class="textbox"> 		
  		<div class="text">
  			<h4>备注</h4>
  			<textarea cols="" rows="3" placeholder="请输入您想说的话" v-model="beizhu"></textarea>  			
  		</div>  	
  	</div>
  	<p><span>温馨提示：</span>为了您的小票能正确出单，一人确定订单即可</p>
  	<div class="listbox">
  		<div class="list_header">
  			<i>已选菜品</i>
  			<i>价格</i>
  			<i>数量</i>  			
  		</div>
  		<ul class="list">
					<li v-for="cartfood in cartfoods">
						<img :src="cartfood.tpuri" />						
						<div class="foodbox">
							<h3 class="food_name">{{cartfood.cpmc}}</h3>
							<i class="food_price">￥{{cartfood.cpjg}}</i>
							<i class="old_price">原价：￥{{cartfood.cpjg}}</i>
						</div>
						<i class="price">{{cartfood.cpjg*cartfood.ydfs}}</i>
						<div class="btnbox">
							<i class="iconfont icon-jian subtract" @click="subtract(cartfood)"></i>
							<i class="food_numder">{{cartfood.ydfs}}</i>
							<i class="iconfont icon-jia add" @click="add(cartfood)"></i>
						</div>
										
					</li>
					
				</ul>
  	</div>
  	
  	<div class="bottom" >			
			<h4 class="total_price">共计￥{{totalprice}}</h4>
			<div class="go_jiesuan" ><b @touchstart="jiesuan">确定</b></div>				
		</div>
		<div class="tanchuang" v-if="tanchuang">
			<i class="tanchuangbg"></i>
			<div class="tanchuangbox">
				<i>确认订单成功</i>
				<router-link to="/index" class="qd">确定</router-link>				
			</div>
		</div>
  </div>
</template>

<style scoped src="../assets/css/order.css"></style>
<script src="../assets/js/order.js"></script>
